<template>
  <!-- 生活追忆 -->
  <div class="share clearfix">
    <div class="w">
      <!-- 主体左边 -->
      <div class="share-content">
        <Articles></Articles>
      </div>
      <!-- 主体右边 -->
      <div class="share-right">
       <HotLabels></HotLabels>
      </div>
    </div>
  </div>
</template>

<script>
// 引入子组件
import HotLabels from '../components/HotLabels.vue';
import Articles from '../components/Articles.vue';
export default {
  name:"LifeBeen",
  components:{
    HotLabels,
    Articles,
  }
}
</script>

<style lang="less" scoped>
.share{
 
  margin-top: 70px;
  height: 100%;
}
.share-content {
  position: relative;
  display: block;
  float: left;
  margin-right: 305px;
  margin-bottom: 60px;
}
.share-right{
  float: right;
  width: 290px;
  margin-left: -290px;
}

// 分页
.share .share-pagin{
  position: absolute;
  bottom: -50px;
  left:0px;
}
</style>>

